<template>
  <div class="container">
    <!-- 导航菜单栏 -->
    <NavBar></NavBar>
    <!-- 头部区域 -->
    <HeaderBar></HeaderBar>
    <!-- 主内容区域 -->
    <MainContent style="background-color: #f5f7fa"></MainContent>
  </div>
</template>

<script>
  import HeaderBar from "./app/HeaderBar";
  import NavBar from "./app/NavBar";
  import MainContent from "./app/MainContent";

  export default {
    name: "Home",
    components: {
      HeaderBar,
      NavBar,
      MainContent
    },
    watch:{
      'this.$route.path'(newVal,oldVal){
        console.log(newVal == oldVal)
      }
    },
  }
</script>

<style scoped>

</style>
